<template>
<!-- 默认插槽 -->
  <div class="comA_box">
    <h1 class="title">{{title}}分类</h1>
    <slot>
        <ul class="comA_content">
            <li v-for="(item,index) in comData" :key="index">{{item}}</li>
        </ul>
    </slot>
  </div>
</template>
<script>
export default {
    props:["title","comData"],
  data() {
    return {};
  },
};
</script>
<style scoped>
.comA_box {
  padding-top: 10px;
  width: 200px;
  height: 250px;
  background-color: #50b7c1;
}
.title {
  min-height: 20px;
  line-height: 20px;
  background-color: orange;
  text-align: center;
}
.comA_content > li {
  height: 20px;
  background-color: pink;
  padding-left: 5px;
}
</style>